<?php if (!defined('THINK_PATH')) exit(); /*a:3:{s:41:"themes/simpleboot3/blog/index/callus.html";i:1512650588;s:33:"themes/simpleboot3/blog/head.html";i:1513640482;s:33:"themes/simpleboot3/blog/foot.html";i:1512511291;}*/ ?>

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title><?php echo $title; ?></title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="Free HTML5 Website Template by FreeHTML5.co" />
	<meta name="keywords" content="free html5, free template, free bootstrap, free website template, html5, css3, mobile first, responsive" />

		
    <!-- Facebook and Twitter integration -->
    <meta property="og:title" content=""/>
    <meta property="og:image" content=""/>
    <meta property="og:url" content=""/>
    <meta property="og:site_name" content=""/>
    <meta property="og:description" content=""/>
    <meta name="twitter:title" content="" />
    <meta name="twitter:image" content="" />
    <meta name="twitter:url" content="" />
    <meta name="twitter:card" content="" />

    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
    <link rel="shortcut icon" href="favicon.ico">

    <!--<link href="https://fonts.googleapis.com/css?family=Raleway:200,300,400,700" rel="stylesheet">-->

    <!-- Animate.css -->
    <link rel="stylesheet" href="__TMPL__/public/view/css/animate.css">
    <!-- Icomoon Icon Fonts-->
    <link rel="stylesheet" href="__TMPL__/public/view/css/icomoon.css">
    <!-- Bootstrap  -->
    <link rel="stylesheet" href="__TMPL__/public/view/css/bootstrap.css">
    <!-- Flexslider  -->
    <link rel="stylesheet" href="__TMPL__/public/view/css/flexslider.css">
    <!-- Owl Carousel  -->
    <link rel="stylesheet" href="__TMPL__/public/view/css/owl.carousel.min.css">
    <link rel="stylesheet" href="__TMPL__/public/view/css/owl.theme.default.min.css">
    <!-- Theme style  -->
    <link rel="stylesheet" href="__TMPL__/public/view/css/style.css">

    <!-- Modernizr JS -->
    <script src="__TMPL__/public/view/js/modernizr-2.6.2.min.js"></script>
    <!-- FOR IE9 below -->
    <!--[if lt IE 9]>
    <script src="__TMPL__/public/view/js/respond.min.js"></script>
    <![endif]-->

    <!-- jQuery -->
    <script src="__TMPL__/public/view/js/jquery.min.js"></script>
    <!--vue-->
    <script src="https://unpkg.com/vue/dist/vue.js"></script>

</head>
<body>


<div id="fh5co-page">
    <header id="fh5co-header" role="banner">
        <div class="container">
            <div class="header-inner">
                <h1 id="h12"><a href="<?php echo cmf_url('blog/index/index'); ?>">{{message}}&nbsp;&nbsp;</a></h1>
                <script>
                    var h1 = new Vue({
                        el:'#h12',
                        data:{
                            message:'Dragon Home'
                        }
                    })
                </script>
                <nav role="navigation">
                    <ul id="nav">
                        <li><a href="<?php echo cmf_url('blog/index/index'); ?>">{{nav0}}</a></li>
                        <li><a href="<?php echo cmf_url('blog/index/listwork'); ?>">{{nav1}}</a></li>
                        <li><a href="#">{{nav8}}</a></li>
                        <li><a href="<?php echo cmf_url('blog/message/index'); ?>">{{nav7}}</a></li>
                        <li><a href="<?php echo cmf_url('blog/index/callus'); ?>">{{nav5}}</a></li>
                        <li class="cta"><a href="#">{{nav6}}</a></li>
                    </ul>
                </nav>
                <script>
                    var nav = new Vue({
                        el:'#nav',
                        data:{
                            nav5:'建议 & 联系我们',
                            nav1:'网友的话 & 鸡汤',
                            nav6:'写出你想对 Ta 说的话',
                            nav0:'首页',
                            nav7:'许愿墙',
                            nav8:'文'
                        }
                    })
                </script>
            </div>
        </div>
    </header>

	<aside id="fh5co-hero" class="js-fullheight">
		<div class="flexslider js-fullheight">
			<ul class="slides">
		   	<li style="background-image: url(__TMPL__/public/view/images/slide2.jpg);">
		   		<div class="overlay-gradient"></div>
		   		<div class="container">
		   			<div class="col-md-10 col-md-offset-1 text-center js-fullheight slider-text">
		   				<div class="slider-text-inner">
		   					<h2>如果您有良好的建议或工作需求请联系我们！</h2>
		   					<p class="fh5co-lead">Get busy living <i class="icon-heart"></i> or get busy dying.</p>
		   				</div>
		   			</div>
		   		</div>
		   	</li>
		  	</ul>
	  	</div>
	</aside>

	<div class="fh5co-contact animate-box">
		<div class="container">
			<div class="row">
				<div class="col-md-8 col-md-offset-2 col-md-push-2 animate-box">
					<h2>个人介绍</h2>
					<p>
						90后，西北工业大学在读，潜心钻研微信应用开发，一两个创业公司经历，励志做一个全栈工程师。
						<br>
						目前闭关，修炼Pyhton，想在机器学习，人工智能方面有所收获。
					</p>
						<br>
				</div>
				<div class="col-md-3">
					<h3>关于我</h3>
					<ul class="contact-info">
						<li><i class="icon-map"></i>现居西安雁塔区</li>
						<li><i class="icon-phone"></i>13096910050</li>
						<li><i class="icon-envelope"></i>425084984@qq.com</li>
						<li><i class="icon-globe"></i><a href="https://gitee.com/FanjunType/events" target="_blank">https://gitee.com/FanjunType/events</a></li>
					</ul>
				</div>
				<div class="col-md-8 col-md-push-1 col-sm-12 col-sm-push-0 col-xs-12 col-xs-push-0">
					<div class="row">
						<div class="col-md-6">
							<div class="form-group">
								<input class="form-control username" required value="" placeholder="请输入您的尊称" type="text">
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group">
								<input class="form-control phone" required value="" v-model.number="age" placeholder="请输入您的联系方式" type="text">
							</div>
						</div>
						<div class="col-md-12">
							<div class="form-group">
								<textarea name="" required class="form-control content" id="" cols="30" rows="7" placeholder="请输入您要告诉我的话......"></textarea>
							</div>
						</div>
						<div class="col-md-12">
							<div class="form-group">
								<input value="点击发送！" class="btn btn-primary send" type="submit">
							</div>
						</div>
					</div>
				</div>
				<script type="text/javascript">
                    $(".send").click(function(){
                        var username = $(".username").val();
                        var phone = $(".phone").val();
                        var content = $(".content").val();
                        var domain = window.location.host;
                         $.ajax({
                             url:'http://www.luck7.top/blog/index/agreetext',
                             type:"post",
                             data:{
                                 username:username,
                                 phone:phone,
                                 content:content
                             },
                             success:function(data){
                                 if(data==1){
                                     alert('发送成功！');
								 }else{
                                     alert(data);
								 }
                             },
                             error:function(e){
                                 alert("失败咯！");
                             }
                         });
                    });
				</script>
			</div>
		</div>	
	</div>

		<footer id="fh5co-footer" role="contentinfo">

    <div class="container">
        <div class="col-md-3 col-sm-12 col-sm-push-0 col-xs-12 col-xs-push-0">
            <h3>关于我们</h3>
            <p>龙窝个人工作室</p>
            <p><a href="<?php echo cmf_url('blog/index/callus'); ?>" class="btn btn-primary btn-outline with-arrow btn-sm">加入我们 <i class="icon-arrow-right"></i></a></p>
        </div>
        <div class="col-md-6 col-md-push-1 col-sm-12 col-sm-push-0 col-xs-12 col-xs-push-0">
            <h3>我们的服务</h3>
            <ul class="float">
                <li><a href="https://baike.baidu.com/item/%E7%BD%91%E7%AB%99%E5%88%B6%E4%BD%9C/259943?fr=aladdin" target="_blank">网站制作</a></li>
                <li><a href="https://baike.baidu.com/item/%E5%BE%AE%E4%BF%A1%E5%85%AC%E4%BC%97%E5%8F%B7/4916400?fr=aladdin" target="_blank">微信公众号制作</a></li>
                <li><a href="https://baike.baidu.com/item/php/9337" target="_blank">PHP</a></li>
                <li><a href="https://baike.baidu.com/item/Python/407313" target="_blank">Python</a></li>
            </ul>
            <ul class="float">
                <li><a href="https://baike.baidu.com/item/html5" target="_blank">HTML5</a></li>
                <li><a href="https://baike.baidu.com/item/javascript/321142?fromtitle=JS&fromid=10687961" target="_blank">JS</a></li>
            </ul>

        </div>

        <div class="col-md-2 col-md-push-1 col-sm-12 col-sm-push-0 col-xs-12 col-xs-push-0">
            <h3>关注我们</h3>
            <ul class="fh5co-social">
                <li id="app"><a v-on:click="show = !show"><i class="icon-wechat"></i></a><transition name="fade"><p v-if="show">Anncor</p></transition></li>
                <li id="app1"><a v-on:click="show = !show"><i class="icon-qq"></i></a><transition name="fade"><p v-if="show">425084984</p></transition></li>
                <li id="app2"><a v-on:click="show = !show"><i class="icon-weibo"></i></a><transition name="fade"><p v-if="show">白先生O_O</p></transition></li>
            </ul>
        </div>
        <style>
            .fade-enter-active, .fade-leave-active {
                transition: opacity .5s
            }
            .fade-enter, .fade-leave-to /* .fade-leave-active in below version 2.1.8 */ {
                opacity: 0
            }
        </style>
        <script>
            var app = new Vue({
                el: '#app',
                data: {
                    show:false
                }
            });
            var app1 = new Vue({
                el: '#app1',
                data: {
                    show:false
                }
            });
            var app2 = new Vue({
                el: '#app2',
                data: {
                    show:false
                }
            })
        </script>

        <div class="col-md-12 fh5co-copyright text-center">
            <p>&copy; 2018 白龙 . All Rights Reserved.</p>
        </div>

    </div>
</footer>
</div>
<!-- jQuery Easing -->
<script src="__TMPL__/public/view/js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="__TMPL__/public/view/js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="__TMPL__/public/view/js/jquery.waypoints.min.js"></script>
<!-- Owl Carousel -->
<script src="__TMPL__/public/view/js/owl.carousel.min.js"></script>
<!-- Flexslider -->
<script src="__TMPL__/public/view/js/jquery.flexslider-min.js"></script>

<!-- MAIN JS -->
<script src="__TMPL__/public/view/js/main.js"></script>

</body>
</html>

